<template>
  <div>
    <router-view></router-view>
    <!-- 底部导航栏 -->
    <v-navbar :items="items" ></v-navbar>
  </div>
</template>

<script>
import navbar from "@/common/navbar";

export default {
  components: { "v-navbar": navbar },
  name: "index",
  data() {
    return {
      idx:0,
      items: [
        {
          name: "早安",
          icon: require(`../assets/images/sun.png`),
          selectIcon: require(`../assets/images/sunSelect.png`),
          path: "/good-moning",
        },
        {
          name: "排名",
          icon: require(`../assets/images/rank.png`),
          selectIcon:require(`../assets/images/rankSelect.png`) ,
          path: "/rank",
        },
        {
          name: "统计",
          icon: require(`../assets/images/statistics.png`),
          selectIcon:require(`../assets/images/statisticsSelect.png`) ,
          path: "/statistics",
        },
        {
          name: "我的",
          icon: require(`../assets/images/my.png`),
          selectIcon: require(`../assets/images/mySelect.png`),
          path: "my",
        },
      ],
    }
  },
  methods: {
  }
};
</script>


<style scoped>

</style>
